.wow{animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}.delay1{animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}.delay2{animation-delay: 1.0s;-webkit-animation-delay: 1.0s;}#articleInfo18 .topBox{padding: 70px 0 30px;background: url(https://www.i-web.com.tw/style/images/18/img-topBg.png) no-repeat 0 0;}#articleInfo18 .topBox .text{margin: 0 0 0 auto;width: 40%;}#articleInfo18 .topBox .text h3{margin-bottom: 15px;font-weight: normal;font-size: 30px;color: #004285;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}#articleInfo18 .topBox .text article{animation-name: fadeInRight;-webkit-animation-name: fadeInRight;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}#articleInfo18 .secBox{}#articleInfo18 .secBox > div{overflow: hidden;margin-bottom: 15px;display: flex;flex-wrap: wrap;}#articleInfo18 .secBox .item h5{font-weight: bold;font-size: 20px;color: #333;}#articleInfo18 .secBox .item article{float: left;width: calc(100% - 220px);}#articleInfo18 .secBox .photoBox > div{overflow: hidden;width: calc((100%/3) - 30px);animation-name: fadeInDown;-webkit-animation-name: fadeInDown;margin-right: 40px;margin-bottom: 35px;}#articleInfo18 .secBox .photoBox > div b{display:block;text-align: center;margin-top: 10px;}#articleInfo18 .secBox .photoBox > div:nth-child(3n){margin-right:0;}#articleInfo18 .secBox .photoBox > div:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}@media screen and (max-width: 768px){#articleInfo18 .secBox .photoBox > div, #articleInfo18 .secBox .photoBox > div:nth-child(3n){width: calc((100%/2) - 20px);margin-right: 40px;}#articleInfo18 .secBox .photoBox > div:nth-child(2n){margin-right: 0;}}